/* =========================
   ORGANIZATION BADGE (PRO)
========================= */
.top_badge_org{
  display: inline-flex;
  align-items: center;
  gap: 6px;

  font-family: "Inter","Poppins",system-ui,sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .2px;

  padding: 4px 10px;

  color: #374151;

  background: #f8fafc;

  border: 1px solid #e5e7eb;

  border-radius: 999px;

  line-height: 1;
  white-space: nowrap;

  transition: all .2s ease;
}

.top_badge_org:hover{
  transform: translateY(-1px);
  box-shadow:
    0 8px 18px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.1);
}
.top_badge_org::before{
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #2563eb;
}

/* =========================
   RESPONSIVE TUNING
========================= */

/* tablets */
@media (max-width: 768px) {
  .top_badge_org {
    font-size: 10px;
    padding: 2px 7px;
  }
}

/* phones */
@media (max-width: 480px) {
  .top_badge_org {
    font-size: 9.5px;
    padding: 2px 6px;
    letter-spacing: 0.4px;
  }
}
/*comment badge*/
.badge-organization {
  display: inline-flex;
  align-items: center;
  gap: 4px;

  background: linear-gradient(135deg, #1e3a8a, #2563eb);
  color: #ffffff;

  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.4px;

  padding: 2px 8px;
  border-radius: 999px; /* pill = premium */

  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
  line-height: 1.2;
  white-space: nowrap;
}

/* optional subtle glow for authority */
.badge-organization::before {
  content: "★";
  font-size: 9px;
  opacity: 0.85;
}
/*Verified css*/
/* =========================
   VERIFIED — PROFESSIONAL
========================= */

.verified-wrap {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  vertical-align: middle;
}

/* check icon */
.verified-icon {
  color: #1d4ed8;              /* deep professional blue */
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

/* text */
.verified-text {
  font-size: 10px;             /* smaller, subtle */
  font-weight: 500;
  letter-spacing: 0.3px;
  color: #475569;              /* slate / professional gray */
  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
  line-height: 1;
}

    .sentiment-icon {
  font-size: 15px;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  opacity: 0.9;
}
/*Sentiment Icon Css*/
.sentiment-tooltip {
  position: fixed;
  max-width: 240px;

  background: #000;
  color: #fff;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.4;

  border-radius: 6px;
  white-space: normal;
  word-break: break-word;

  z-index: 99999;
  pointer-events: none;
}
@media (max-width: 480px) {
  .sentiment-tooltip {
    max-width: calc(100vw - 24px);
  }
}